<template>
  <main
    class="main-content"
    :class="{ 'tag-content': !$route.meta.noContentBox }"
    :style="{ 'min-height': documentClientHeight + 'px' }"
  >
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive" />
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive" />
  </main>
</template>

<script>
export default {
  data() {
    return {}
  },
  computed: {
    documentClientHeight: {
      get() {
        return this.$store.state.common.documentClientHeight
      }
    }
  },
  methods: {}
}
</script>

<style lang="scss"></style>
